@import "./margin.less";
@import "./fontSize.less";
@import "@styles/mixins/index.less";
.border-box {
  box-sizing: border-box;
}
.s-color-base {
  position: relative;
  padding-left: 15px;
  display: inline-block;
  min-width: 50px;
  &::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0px, -50%);
  }
}

.s-52c41a {
  color: #52c41a;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc();
  }
}
.s-c1c1c1 {
  color: #c1c1c1;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#c1c1c1);
  }
}

.s-dc3545 {
  color: #dc3545;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#dc3545);
  }
}

.s-ffc107 {
  color: #ffc107;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#ffc107);
  }
}

.s-888888 {
  color: #888888;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#888888);
  }
}

.s-ff0088 {
  color: #ff0088;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#ff0088);
  }
}

.s-ff0000 {
  color: #ff0000;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#ff0000);
  }
}

.s-ff5511 {
  color: #ff5511;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#ff5511);
  }
}

.s-ff8800 {
  color: #ff8800;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#ff8800);
  }
}
.s-ffbb00 {
  color: #ffbb00;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#ffbb00);
  }
}
.s-ffdd00 {
  color: #ffdd00;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#ffdd00);
  }
}
.s-dd0000 {
  color: #dd0000;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#dd0000);
  }
}
.s-00dd00 {
  color: #00dd00;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#00dd00);
  }
}
.s-ffff00 {
  color: #ffff00;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#ffff00);
  }
}
.s-bbff00 {
  color: #bbff00;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#bbff00);
  }
}
.s-77ff00 {
  color: #77ff00;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#77ff00);
  }
}
.s-00ff00 {
  color: #00ff00;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#00ff00);
  }
}
.s-00ff99 {
  color: #00ff99;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#00ff99);
  }
}
.s-00ffcc {
  color: #00ffcc;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#00ffcc);
  }
}

.s-00ffff {
  color: #00ffff;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#00ffff);
  }
}

.s-00bbff {
  color: #00bbff;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#00bbff);
  }
}
.s-0066ff {
  color: #0066ff;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#0066ff);
  }
}
.s-0000ff {
  color: #0000ff;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#0000ff);
  }
}
.s-5500ff {
  color: #5500ff;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#5500ff);
  }
}
.s-7700ff {
  color: #7700ff;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#7700ff);
  }
}
.s-9900ff {
  color: #9900ff;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#9900ff);
  }
}

.s-cc00ff {
  color: #cc00ff;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#cc00ff);
  }
}

.s-ff00ff {
  color: #ff00ff;
  &:extend(.s-color-base);
  &::before {
    &:extend(.s-color-base::before);
    .im-bgc(#ff00ff);
  }
}

.user-select-none {
  user-select: none !important;
}

.user-select-auto {
  user-select: auto !important;
}

.pointer-events-none {
  pointer-events: none;
  background-color: #f1f1f1;
}

.pointer-events-auto {
  pointer-events: auto;
  background-color: transparent;
}

.cursor-not-allowed {
  user-select: none;
  cursor: not-allowed;
  /*cursor: no-drop;*/
  /*cursor: url("/src/assets/img/disable.png"), default;*/
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

.vertical-align-middle {
  vertical-align: middle;
}

.all-unset {
  all: unset;
}

.s-svg-icon-size {
  width: 28px;
  height: 28px;
}

.s_flex_cell {
  display: flex;
  flex-direction: nowrap;
  column-gap: 0px;
  justify-content: center;
  align-items: center;
  .Dashed {
    border: 1px dashed #c0c0c0;
    padding: 0 4px;
    cursor: default;
    &:nth-of-type(2) {
      padding: 0 10px;
    }
  }
}
.s_title_containter {
  overflow: auto;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  .title_wrap {
    color: #000000;
    border: 1px dashed #c0c0c0;
    line-height: 20px;
    padding: 0 4px;
    box-sizing: border-box;
  }
  &::-webkit-scrollbar {
    display: none;
  }
}
.s-select-zone {
  width: 200px;
}
